<template>
  <div class="container">

    <div class="container-type">
      <div class="type-group">
        <div class="type-group">

          <div class="type-cpt">
            <router-link to="/product-list">不散场</router-link>
          </div>
          <div class="type-cpt">
            <router-link to="/account">聚宝盆</router-link>
          </div>
          <div class="type-cpt">
            <router-link to="/stars/memo">你说我做</router-link>
          </div>
          <div class="type-cpt">
            1
          </div>
          <div class="type-cpt">
            1
          </div>
          <div class="type-cpt">
            1
          </div>
        </div>
      </div>
    </div>

  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
  components: {}
};
</script>

<style lang='scss' scoped>
.container {
  .container-type {
    width: 960px;
    margin: 0 auto;
    clear: both;
    .type-group {
      border: 1px dashed #333;
      border-left: none;
      border-right: none;
      height: 139px;

      .type-cpt {
        float: left;
        height: 54px;
        width: 150px;
        background-color: #fff;
        border: 1px solid #e8e8e8;
        line-height: 54px;
        text-align: center;
        font-size: 17px;
        margin: 0 4px;
        font-weight: lighter;
        margin-top: 40px;
        :hover{
          cursor: pointer;
          border-color: transparent;
          -ms-box-shadow: 0 6px 20px 0 #e8e8e8;
          -webkit-box-shadow: 0 6px 20px 0 #e8e8e8;
          -moz-box-shadow: 0 6px 20px 0 #e8e8e8;
           border: 2px solid red;
          box-shadow: 0 6px 20px 0 #e8e8e8;
      }

      }
      
    }
  }
}
</style>
